<template>
	<view class="content">
		<view class="logo">
			<image src="../../static/images/logo.png" mode=""></image>
		</view>
		<view class="between">
			<view class="iconfont icon-zhongyaotongzhi">
				<span>重要通知! ! !</span>
			</view>
		</view>
		<view class="di">
			<view class="div" @click="daiqu">
				<view class="white">
					
						<span class="size">快递代取</span>
					
					<view class="blue">
						<view class="iconfont icon-rentou">
							
						</view>
					</view>
				</view>
			</view>
			<view class="div" @click="paotui">
				<view class="white">
					
						<span class="size">校园跑腿</span>
					
					<view class="blue">
						<view class="iconfont icon-a-lujing165">
							
						</view>
					</view>
				</view>
			</view>
			<view class="div" @click="daiqu">
				<view class="white">
					
						<span class="size">快递代寄</span>
					
					<view class="blue">
						<view class="iconfont icon-yanchifahuo">
							
						</view>
					</view>
				</view>
			</view>
			<view class="div">
				<view class="white" @click="zhujie">
					
						<span class="size">租借服务</span>
					
					<view class="blue">
						<view class="iconfont icon-zulinguanli">
							
						</view>
					</view>
				</view>
			</view>
			<view class="div" @click="peiwan">
				<view class="white">
					
						<span class="size">游戏陪玩</span>
					
					<view class="blue">
						<view class="iconfont icon-youxishoubing">
							
						</view>
					</view>
				</view>
			</view>
			<view class="div" @click="song">
				<view class="white">
					
						<span class="size"> &nbsp;帮我送</span>
					
					<view class="blue">
						<view class="iconfont icon-bangwosong">
							
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	// let datas=require("../../utils/utils.js")
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
				paotui(){
					uni.navigateTo({
						url:"/pages/errands/errands"
					})
				},
				daiqu(){
					uni.navigateTo({
						url:"/pages/substitution/substitution"
					})
				},
				daiji(){
					uni.navigateTo({
						url:"/pages/consignment/consignment"
					})
				},
				zujie(){
					uni.navigateTo({
						url:"/pages/lease/lease"
					})
				},
				peiwan(){
					uni.navigateTo({
						url:"/pages/play/play"
					})
				},
				song(){
					uni.navigateTo({
						url:"/pages/helpDeliver/helpDeliver"
					})
				},
		},
		created() {
			// console.log(datas.name,"name");
			
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		background-color: #f2f2f2;
		width: 100%;
		height: 100vh;
		.logo {
		
		}
		image{
			height: 180px;
		}
		.between{
			width: 90%;
			height: 30px;
			background-color: white;
			border-radius: 10px;
			margin: 0 auto;
			margin-top: 10px;
			line-height: 30px;
			padding-left: 10px;
			box-sizing:border-box;
			span{
				margin-left: 5px;
			}
		}
		.di{
			width: 90%;
			// background-color: red;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			.div{
				margin-top: 35px;
				margin-right: 10px;
				margin-left: 10px;
				.white{
					width: 70px;
					height: 60px;
					background-color: white;
					border-radius: 8px;
					// display: flex;
					// flex-direction: column;
					// justify-content: flex-end; 
					// text-align: center;
					 // padding-bottom: 0px;
					 padding-bottom: 5px;
					.size{
						font-size:13px;
						text-align: center;
						position: absolute;
						color: #6b97cb;
						margin-left:8px ;
						margin-top: 40px;
					}
					.blue{
						width: 50px;
						height: 50px;
						background-color: #649bc4;
						border-radius: 50px;
						position: absolute;
						margin-top: -20px;
						margin-left: 9px;
						box-shadow: 1px 1px 5px black;
					}
				}
			}
		}
		
	}
	

	
</style>
